// 主沙盘 - 装备部署
<template>
    <div>
        <transition name="slide-fade-move-left">
            <div class="leftText" v-if="ModulchangeStatus"></div>
        </transition>
        <transition name="slide-fade-move-right">
            <div class="rightText" v-if="ModulchangeStatus"></div>
        </transition>
    </div>
</template>

<script>
export default {
    props: ['ModulchangeStatus'],
    destroyed() {
        console.log('destroyed');
    }
}
</script>

<style lang="less" scoped>
.leftText {
    position: fixed;
    width: 16vw;
    top: calc(16vw * 0.53 + 40px);
    bottom: 20px;
    left: 16px;
    background-color: #f60;
}
.rightText {
    position: fixed;
    top: 28px;
    width: 16vw;
    bottom: 20px;
    right: 16px;
    background-color: #f60;
}
</style>